	Ext.onReady(function ()
	{
/*		
	Ext.MessageBox.alert("hello","Hello EXT !");
	
	var win=new Ext.Window(
		{
		title:"hello",
		width:300,
		height:200,
		html:'<h1>Hello,easyjf open source</h1>'
		}
	);
	
     win.show();

     var obj={
	     title:"hello",
	     width:300,
	     height:200,
	     html:'Hello,easyjf open source'
     };
     var panel=new Ext.Panel(obj); 
     panel.render("hello");
     
     */
		/*
		new Ext.Viewport({
			enableTabScroll:true,
			layout:"border",
			items:[
					{region:"north",							
					tbar:[
					'-',
					{text:" 空间管理 "},
					'-',
					{text:" 实体资源 "}					
					],
					bbar:[{text:" 系统管理 "}],
					items:[{
					title:" 菜单 ",
					region:"west",
					width:200,
					collapsible:true,
					html:" 菜单栏 "
					},
					{
					xtype:"tabpanel",
					region:"center",
						items:[{title:" 面板 1"},
							   {title:" 面板 2"}
							  ]				
					}
				]
					}
					
					
			]
		});
		*/
		/*new Ext.Panel({
		renderTo:"hello",
		title:" 容器组件 ",
		layout:"column",
		items:[{title:" 列 1",width:100},
		{title:" 列 2"}		
		]
		});*/
		
		new Ext.Viewport({
			    layout: 'border',
			    items: [{
			        region: 'north',
			        html: '<h1 class="x-panel-header">Page Title</h1>',
			        autoHeight: true,
			        border: false,
			        margins: '0 0 5 0'
			    }, {
			        region: 'west',
			        collapsible: true,
			        title: 'Navigation',
			        width: 200
			        // the west region might typically utilize a TreePanel or a Panel with Accordion layout
							
			    }, {
			        region: 'south',
			        title: 'Title for Panel',
			        collapsible: true,
			        html: 'Information goes here',
			        split: true,
			        height: 100,
			        minHeight: 100
			    }, {
			        region: 'east',
			        title: 'Title for the Grid Panel',
			        collapsible: true,
			        split: true,
			        width: 200,
			        xtype: 'grid',
			        // remaining grid configuration not shown ...
			        // notice that the GridPanel is added directly as the region
			        // it is not "overnested" inside another Panel
			    }, {
			        region: 'center',
			        xtype: 'tabpanel', // TabPanel itself has no title
			        items: {
			            title: 'Default Tab',
			            html: 'The first tab\'s content. Others may be added dynamically'
			        }
			    }]
			});
		
	});
	
	